/*** RESET ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td { font-weight: normal;}
table, td, th {vertical-align: middle; text-align:left;}
a img {border: none;}
:focus {outline: 0;}












/* 
   GENERAL 
------------------------------------------------------------------- */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}
@font-face
{
	font-family:avantg;
	src:url(texgyreadventor-regular.otf);	
}
body {
	background:url(../image/bg-body.png) center top repeat-y;
	color: #000;
	font: normal 75% avantg;
	line-height: 1.5;
}











/* 
   TYPING 
------------------------------------------------------------------- */
/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}
h1 {font-size: 2.6em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* Links */
a {
	color: #000000;
	text-decoration: none;
	cursor:pointer;
}
a:focus,a:hover {color: #039; text-decoration: underline; cursor:pointer;}

a.hl-other {
	color: #999;
}
a.hl-other:hover {}


/* Paragraph */
p {margin-bottom: 0.5em;}

object { vertical-align:top; outline:none;border:0}










/* 
   COMMON TYPING CLASS 
------------------------------------------------------------------- */
.hl-text-left {text-align: left;}
.hl-text-right {text-align: right;}
.hl-text-center {text-align: center;}
.hl-text-separator {padding: 0 5px;}

.hl-small {font-size: 0.9em;}
.hl-smaller {font-size: 0.8em;}
.hl-smallest {font-size: 0.7em;}

.hl-large {font-size: 1.15em;}
.hl-larger {font-size: 1.25em;}
.hl-largest {font-size: 1.35em;}

.hl-hidden {display: none;}

.hl-other, .hl-other a {color: #999;}

.hl-error, .hl-notice, .hl-success{
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.hl-error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.hl-error a {color: #8A1F11;}

.hl-notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.hl-notice a {color: #514721;}

.hl-success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.hl-success a {color: #264409;}










/* 
   COMMON ALIGNMENT CLASS 
------------------------------------------------------------------- */
/* General */
.hl-center,.hl-aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Floats */   
.hl-left,.hl-alignleft {float: left;}
.hl-right,.hl-alignright {float: right;}
.hl-center{margin:0 auto}
.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* Images */
img.hl-bordered,img.hl-alignleft,img.hl-alignright,img.hl-aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.hl-alignleft, img.hl-left {}
img.hl-alignright, img.hl-right {}


/* 
   Separators 
------------------------------------------------------------------- */
.hl-content-separator, .hl-item-separator, .hl-hline {
	background: #E5E5E5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.hl-content-separator {margin: 32px 0;}
.hl-item-separator {margin-bottom: 15px;}
.hl-hline {margin-bottom: 5px;}







/* 
   LIST - TABLE
------------------------------------------------------------------- */
/* Default Lists */
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {
	list-style-type: decimal;
	margin-left: 1.9em;
}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/* Special lists */
ul.hl-blank-list li, ul.hl-list li, ul.hl-tab-list li {
	list-style: none;
	margin-top: 0;
}


ul.hl-blank-list {margin: 0;} /* DANH SACH KHONG CO CSS */

ul.hl-list {margin-left: 0;} /* DANH SACH DANG VERTICAL */
ul.hl-list li {
	border-top: 1px solid #EEE;
	list-style: none;
	padding: 4px 0;
}
ul.hl-list li:first-child {border-top: none;}
ul.hl-list li .hl-right {color: #999;}

/* DANH SACH HORIZONTAL */
ul.hl-tab-list {
	display: inline;
	margin: 0;
} 
ul.hl-tab-list li {float: left;}

.hl-header-tool
{
	position:absolute;
	margin-top:182px;
	margin-left:370px;
	
	font-size:1.2em;
}
.hl-header-tool td
{
	padding:0 5px;	
}
.hl-header-tool a
{
	text-decoration:underline;
	
		
}
#cartcout
{
	font-style:italic;	
}
/* Navigation */
.hl-navigation
{
	position:absolute;
	margin-top:222px;
	margin-left:370px;
}
.hl-navigation a {
	color: #888;
	text-decoration: none;
}
.hl-navigation a:hover {color: #002;}
.hl-navigation li.current-tab a {color: #222;}



/* Tables */
table {margin-bottom: 0.5em; margin:0 auto;}
th {font-weight: bold;}
thead th {text-align:center}
th,td,caption {/*padding: 4px 10px 4px 5px;*/}
tr.even td {background: #F2F6FA;}
tfoot {font-style:normal}
caption {background: #EEE;}

table.hl-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.hl-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: center;
}
table.hl-table tr {border-bottom: 1px solid #DDD;}
table.hl-table td, table th {text-align:center}
table.hl-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
	padding:2px;
}
table.hl-table tr.even td {background: #FCFCFC;}

table.hl-form{width:80%}
table.hl-form td{padding:2px;}
table.hl-form tr{vertical-align:middle}












/* 
   FORM
------------------------------------------------------------------- */
.label {
	cursor: pointer;
	font-weight: bold;
	border-left-style: solid;
	border-left-width: 4px;
	margin-bottom: 0.2em;
	padding-left: 10px;
}
label.checkbox, label.radio {font-weight: normal;}

legend {
	font-weight: bold;
	font-size: 1.2em;
}
textarea {overflow: auto;}

input.hl-textbox, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.2em 0;
	padding: 4px 5px;
}

textarea
{
	width:230px;
	height:120px;
}
select{height:28px}

input.hl-textbox:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.hl-button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 3px 5px;
	color:#000000 !important;
	font-size:1em;
	cursor:pointer;
}

a.hl-button{
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
	color:#000000 !important;
	font-size:1em;
	text-decoration:none;
}
input.hl-button:active {border-style: inset;}












/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */




/* 
   COMMON LAYOUT
------------------------------------------------------------------- */
/* Wrapper */
#hl-main {
	margin: 0 auto;
	width: 1069px;
	
}

#ht-content-buom
{
	position:absolute;
	margin-left:619px;
	margin-top:-68px;
}



/*---------- HEADER AREA ------------*/
/* Header */
#hl-header {
	
	height:265px;
	width:1069px;
	margin:0 auto;
}
.hl-header-share
{
	text-align:right;
	margin-right:140px;
}
/* Optional Top */
#hl-top{
	margin: 0 auto;
	width: 1031px;
	height:265px;
	padding-bottom: 0px;
	
	background-position:bottom;
}
#hl-top-flash
{
	position:absolute;
	margin-top:10px;
	margin-left:680px;
}
.hl-top-flash-item
{
	position:absolute;
	display:none;
}

/* Logo */
#hl-logo {	
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}
#hl-slogan
{
	position:absolute;
	margin-left:225px;
	margin-top:74px;
}

#ht-support-online
{
	position:absolute;
	margin-left:820px;
	margin-top:65px;
}
#hl-site-title{padding-top:30px}

/* Splash */
#hl-splash {padding-top: 32px;}



/* Main Menu */
/* Main Level 1 */
#hl-main-nav, #hl-main-nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:100;
}

#hl-main-nav a{
display:block;
padding:3px 5px;

color:#fff;
text-decoration:none;
font-size:1.3em;

}

#hl-main-nav a:hover{
	/*background-color:#f53950;
	color:#FFFFFF;
	border-radius:8px 8px 0 0;*/
	font-weight:bold;
}

#hl-main-nav li{
float:left;
position:relative;
margin-right:2px;
}

#hl-main-nav a.current-tab{
	/*background-color:#f53950;
	color:#FFFFFF;
	border-radius:8px 8px 0 0;*/
	font-weight:bold;
}

#hl-main-nav ul {
position:absolute;
display:none;
width:19em;
top:2.8em;
text-align:left;
}

#hl-main-nav ul li{
margin-left:0px;
background:#f53950;
}

#hl-main-nav li ul a{
width:14em;
height:auto;
float:left;
color:#fff;
}

#hl-main-nav ul ul{
top:auto;
}	

#hl-main-nav li ul ul {
left:19em;

}

#hl-main-nav li:hover ul ul, #hl-main-nav li:hover ul ul ul, #hl-main-nav li:hover ul ul ul ul{
display:none;
}
#hl-main-nav li:hover ul, #hl-main-nav li li:hover ul, #hl-main-nav li li li:hover ul, #hl-main-nav li li li li:hover ul{
display:block;
}

#menu-trangchu
{
	background:url(../image/bg-menu-trangchu.png) no-repeat;
	height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 113px;
}

#menu-gioithieu
{
	background:url(../image/bg-menu-gioithieu.png) no-repeat;
	height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 113px;
}
#menu-sanpham
{
	background:url(../image/bg-menu-sanpham.png) no-repeat;
	height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 113px;
}
#menu-tintuc
{
	background:url(../image/bg-menu-tintuc.png) no-repeat;
	height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 113px;
}
#menu-lienhe
{
	background:url(../image/bg-menu-lienhe.png) no-repeat;
	height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 113px;
}
/* Subnav Leve 2 */
#hl-sub-nav {
	border-bottom: 1px solid #DDD;
	padding: 12px 5px;
}
#hl-sub-nav a {
	font-size: 1.2em;
	text-decoration: none;
}
#hl-sub-nav li {margin: 0 1em;}
#hl-sub-nav li.current-tab a {font-weight: bold;}





/*---------- BODY AREA ------------*/
#hl-content 
{
	margin: 0px auto; 
	width:1069px;
	
	
	
}

#hl-maincontent{}
.hl-two-columns #hl-maincontent{width: 709px; margin-left:10px;}
.hl-three-columns #hl-maincontent{width:570px; margin-left:5px;}
.hl-three-columns-right #hl-maincontent{width:520px; margin-right:20px}


/* Sidebar */
#hl-sidebar{} /*Div chua 2 sidebar*/
.hl-sidebar{width:350px;}
.hl-sidebar table
{
	margin:0 auto;
}

/* Columns */
.hl-col2 {width: 46%;}
.hl-col2.hl-other{width:48%}
.hl-col3, .col3-mid {width: 31%;}
.hl-col3-mid {margin-left: 3%;}


/* Posts - News list */
.hl-post {margin-bottom: 20px;}

.hl-post img{margin:2px}

.hl-post-title {}
.hl-post-title a {}

.hl-post-date {color: #777; margin-bottom:0.6em}
.hl-post-date a {color: #444;}

.hl-post-body {font-size: 1.1em;}
.hl-post-body a {color: #039;}
.hl-post-body a:hover {color: #039;}
.hl-post-body table
{
	width:100%;	
}
.hl-post-body td
{
	text-align:left;	
}

.hl-post-pagination {
	color: #777;
	padding: 10px 0;
}
.hl-post-pagination-top {
	border-bottom: 1px solid #DDD;
	margin-bottom: 24px;
}
.hl-post-pagination-bottom {
	border-top: 1px solid #DDD;
	margin-top: 24px;
}



/* Sections */
.hl-section {margin-bottom: 10px;}
.hl-sidebar .hl-section{
	margin-top:20px;
}
#hl-maincontent .hl-section
{
	
	margin-top:20px;
}

.hl-section-content{}
.hl-section-catalogue
{
	background:url(../image/bg-sitebar-section-content.png);
}
.hl-sidebar .hl-section-content{
	background:url(../image/bg-sitebar-section-content.png);
	margin: 0 40px;
    padding: 62px 21px 21px;
}
#hl-maincontent .hl-section-content
{
	width:584px;
	margin:0 auto;
	background:url(../image/bg-sitebar-section-content.png);
	padding:62px 21px 21px;
}

.hl-section-title {
	margin-bottom: 8px;
	padding: 7px 40px;
    text-align: center;
	height:42px;
	position:absolute;
	color: #fff;
	font: bold 1.5em sans-serif;
	text-align:center;
	
}
.hl-section-title img
{
	position:absolute;
	margin-top:-23px;
	margin-left:-40px;
}
.hl-sidebar .hl-section-title {
	width:270px;
	background:url(../image/bg-sitebar-section-title.png) no-repeat;
}
#hl-maincontent .hl-section-title {
	background:url(../image/bg-section-title.png) no-repeat;
	
	
	width:625px;
	
}
#hl-maincontent .hl-section-title a{color:#fff;}






/*---------- FOOTER AREA ------------*/
#hl-footer {
	background:url(../image/bg-footer.png) repeat-x;
	
	color: #777;
	padding:1px 0;
	width:1300px;
	height:140px;
	margin:0 auto;
}
#hl-footer-content
{
	background:url(../image/bg-footer-content.png) repeat-x;
	height:63px;
	margin:40px 0;
	
	padding:5px 0;
	color:#3392aa;
	font-size:1.4em;
	font-weight:bold;
}
#hl-footer-content ul
{
	list-style-type:none;
	font-size:0.9em;	
}
#hl-footer-content a
{
	color:#3392aa;
	
	font-weight:bold;
	
}
#hl-footer p {margin-bottom: 0.4em;}
#hl-footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#hl-footer a:hover {color: #000;}
.hl-page
{
	margin-top:5px;
	text-align:center;	
}
.results
{
	text-align:center;	
}

.hl-page a
{
	border:thin solid #CCC;
	padding:3px;
	margin:3px;
}
.hl-answer
{
	background:#F00;
}
.hl-left-menu-header
{
	width:350px;
	height:168px;
	background:url(../image/left-menu-header.png) no-repeat;
	
}
.hl-left-menu-body
{
	
	
}
.hl-left-menu-footer
{
	width:350px;
	height:126px;
	
	
}
.hl-left-menu-footer #tree
{
	position:absolute;
	margin-left:200px;	
	margin-top:-85px
}
.hl-left-menu-footer #buomlon
{
	position:absolute;
	margin-left:-35px;	
	margin-top:70px
}
.hl-left-menu-footer #buomnho
{
	position:absolute;
	margin-left:298px;	
	margin-top:-155px
}
ul#menu {
  
  list-style-image:url(../image/mark.png);
  margin:0 0 0 55px;
  padding:0;
  width: 295px;
}
ul#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin: 0;
  padding:0 20px;
  
}
ul#menu a {
  /*display: block;*/
  text-decoration: none;
  padding: 0.2em;	
  background:transparent;
}

ul#menu div.collape{
	cursor:pointer;
}
ul#menu li:first-child {
  	
}
ul#menu li {
  	
}

ul#menu li div {
  
  padding: 0.4em 0;
}

ul#menu li div a{
  
}

ul#menu li div a{
	color:#dd0083;
	font-size:1.4em;
}

ul#menu li div:hover{
  
}

ul#menu li ul li div {
  
  color: #dd0083;
  
}

ul#menu li ul li a {
  
}

ul#menu li ul li ul li div {
  background: #F2F2F2;
  color: #000;
  padding-left: 30px;
}

ul#menu li ul li ul li div a {
  color: #000;
}

ul#menu li ul li div:hover {
  color:#000;
}
.number
{
	text-align:right !important;	
}
.container
{
	margin-top:20px;	
}

.hl-editor td
{
	border:thin solid;
	padding:5px;
}

.hl-data-table td,th
{
	padding:10px;
}
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
#hl-popup-content
{
	
}
.hl-cloud
{
	height:175px;
}
.hl-dieukhoan
{
	width:300px;
	height:17em;
	overflow:auto;	
}